page{
  background: #F4F5F9;
}
.productserchy{
  padding-bottom: 100rpx;
}
.while{
  background: white;
  // margin-top: 31rpx;
  width: 750rpx;
height: 88rpx;
background: #FFFFFF;
}
.serch{
  display: flex;
  align-items: center;
margin-top: 31rpx;
  width: 686rpx;
height: 72rpx;
background: #F4F5F9;
border-radius: 36rpx;
margin: 0 auto;
padding: 0 31rpx;
box-sizing: border-box;
  input{
    flex: 1;
    padding: 0 10rpx;
    height: 72rpx;
  }
  image{
    width: 40rpx;
    height: 40rpx;
  }
}
.productList{
  margin-top: 32rpx;
}
.productItem{
  margin-bottom: 24rpx;
  border-radius: 16rpx;
  background: #FFFFFF;
  width: 686rpx;
  margin: 0 auto;
  margin-bottom: 24rpx;
}
.title{

height: 132rpx;


margin: 0 auto;
display: flex;
flex-direction: column;
// align-items: center;
padding-left: 24rpx;
box-sizing: border-box;
justify-content: center;
.productName{
  width: 506rpx;
height: 42rpx;
font-size: 28rpx;
font-weight: bolder;

}
.smallfont{
  display: flex;
font-size: 24rpx;
color: rgb(162,162,162);
}
.series{
  margin-left: 24rpx;
}
}

.imageList{
  display: flex;
  padding: 0 33rpx;
  box-sizing: border-box;

    flex-wrap: wrap;
    margin-top: 24rpx;
    width: 686rpx;
    margin: 0 auto;
    transition: all 0.3s;
    max-height: 0;
    overflow: hidden;

    border-radius: 16rpx;
    .image{
      height: 196rpx;
    width: 196rpx;
    margin-bottom: 16rpx;
    margin-right: 15rpx;
    border-radius: 16rpx;
    position: relative;
    image{
      border-radius: 16rpx;
    }
    &:nth-of-type(3n-3) {
      margin-right: 0rpx;
    }
    
    }
    .ok {
      position: absolute;
      right: 8rpx;
      bottom: 12rpx;
      width: 48rpx;
      height: 48rpx;
    }
    .imageprice {
      width: 196rpx;
      height: 196rpx;
    }
}
.showborder{
  border: 2rpx solid #D6000F;
}
.acitveimageList{
  max-height: 5000rpx;
transition: all 1s;
  overflow: hidden;
}

/* 重写 checkbox 样式 */
 /* 未选中的 背景样式 */
 checkbox .wx-checkbox-input{
  border-radius: 50%;/* 圆角 */
  width: 30rpx; /* 背景的宽 */
  height: 30rpx; /* 背景的高 */
}
/* 选中后的 背景样式*/
checkbox .wx-checkbox-input.wx-checkbox-input-checked{
  border: 1rpx solid #f3333e;
  background: #f3333e;
}

checkbox .wx-checkbox-input.wx-checkbox-input-checked::before{
  border-radius: 50%;
  width: 35rpx;/* 选中后对勾大小，不要超过背景的尺寸 */
  height: 35rpx;/* 选中后对勾大小，不要超过背景的尺寸 */
  line-height: 35rpx;
  text-align: center;
  font-size:25rpx; /* 对勾大小 30rpx */
  color:#fff; /* 对勾颜色 白色 */
  background: transparent;
  transform:translate(-50%, -50%) scale(1);
  -webkit-transform:translate(-50%, -50%) scale(1);
}